// 引入
const gulp = require("gulp");
console.log(gulp);
//引入编译css 插件
var sass = require("gulp-sass")(require("sass"));

gulp.task("scss", function (fun) {
  console.log("996");
  fun();
  //Did you forget to signal async completion?
  //您是否忘记发送异步完成信号?   不加fun()
});

gulp.task("css", function (fn) {
  gulp
    .src("./src/scss/index.scss")
    //编译sass
    .pipe(sass().on("error", sass.logError))
    .pipe(gulp.dest("./src/css")) //处理完成后放置的位置
    .pipe(gulp.dest("./dist")); //可以放置多个位置
  fn();
});

//

//

//创建js任务
const babel = require("gulp-babel");
const uglify = require("gulp-uglify");
gulp.task("js", function (fn) {
  console.log("js 编译");
  gulp
    .src("./src/js/**/*.js")
    .pipe(babel({ presets: ["@babel/preset-env"] }))
    .pipe(uglify())
    .pipe(gulp.dest("dist/js"));
  fn();
});
/* js 编译  放置路径 不是从编译的文件位置开始的 */

//

//

//创建任务
gulp.task("listener", function (fn) {
  //开始监听任务   watch观察  parallel  平行的
  gulp.watch("./src/scss/*.scss", gulp.parallel(["css"]));
  gulp.watch("./src/js/*.js", gulp.parallel(["js"]));
  fn();
});
